emojichooser: Add .emoji-searchbar style class

Similar to .emoji-toolbar, it would be nice to have this for styling.

diff --git a/gtk/gtkemojichooser.c b/gtk/gtkemojichooser.c
index 11bf196e0a5c79f1a4fbc22f111ee1b42a21526a..6625599942994387f664a8ca4a5dc01734596f26 100644 (file)
--- a/gtk/gtkemojichooser.c
+++ b/gtk/gtkemojichooser.c
@@ -54,6 +54,8 @@
  * # CSS nodes
  * |[<!-- language="plain" -->
  * popover
+ * ├── box.emoji-searchbar
+ * │   ╰── entry.search
  * ╰── box.emoji-toolbar
  *     ├── button.image-button.emoji-section
  *     ├── ...
@@ -63,6 +65,8 @@
  * Every #GtkEmojiChooser consists of a main node called popover.
  * The contents of the popover are largely implementation defined
  * and supposed to inherit general styles.
+ * The top searchbar used to search emoji and gets the .emoji-searchbar
+ * style class itself.
  * The bottom toolbar used to switch between different emoji categories
  * consists of buttons with the .emoji-section style class and gets the
  * .emoji-toolbar style class itself.

diff --git a/gtk/ui/gtkemojichooser.ui b/gtk/ui/gtkemojichooser.ui
index cb8cb6fa1f6af8182051c900c50df781de038df9..823fd026d58343c9b093f4e6ccde036a474cf551 100644 (file)
--- a/gtk/ui/gtkemojichooser.ui
+++ b/gtk/ui/gtkemojichooser.ui
@@ -8,9 +8,17 @@
       <object class="GtkBox" id="box">
         <property name="orientation">vertical</property>
         <child>
-          <object class="GtkSearchEntry" id="search_entry">
-            <signal name="search-changed" handler="search_changed"/>
-            <signal name="stop-search" handler="stop_search"/>
+          <object class="GtkBox">
+            <style>
+              <class name="emoji-searchbar"/>
+            </style>
+            <child>
+              <object class="GtkSearchEntry" id="search_entry">
+                <property name="hexpand">1</property>
+                <signal name="search-changed" handler="search_changed"/>
+                <signal name="stop-search" handler="stop_search"/>
+              </object>
+            </child>
           </object>
         </child>
         <child>
@@ -211,7 +219,7 @@
                     <child>
                       <object class="GtkBox">
                         <style>
-                          <class name="emoji-toolbar" />
+                          <class name="emoji-toolbar"/>
                         </style>
                         <child>
                           <object class="GtkButton" id="recent.button">